<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>京东首页</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/base.css">

    <script src="./JS/flexible.js"></script>
</head>

<body>
    <div class="search">
        <div class="classify"></div>
        <div class="ipt">
            <form action="">
                <span></span><span></span><span></span><input type="search" name="" id="" value="投影仪">
            </form>
        </div>
        <div class="login">登录</div>
    </div>


    <!-- banner -->
    <div class="banner">
        <img src="./images/slide.png" alt="">
    </div>
    <!-- goods -->
    <div class="goods">
        <a href="">
            <div><img src="./images/nav01.png" alt=""></div>
            <p>京东超市</p>
        </a>
        <a href="">
            <div><img src="./images/nav02.png" alt=""></div>
            <p>海豚全球购</p>
        </a>
        <a href="">
            <div><img src="./images/nav03.png" alt=""></div>
            <p>京东服饰</p>
        </a>
        <a href="">
            <div><img src="./images/nav04.png" alt=""></div>
            <p>京东海鲜</p>
        </a>
        <a href="">
            <div><img src="./images/nav06.png" alt=""></div>
            <p>京东到家</p>
        </a>
        <a href="">
            <div><img src="./images/nav05.png" alt=""></div>
            <p>充值缴费</p>
        </a>
        <a href="">
            <div><img src="./images/nav07.png" alt=""></div>
            <p>9.9元拼</p>
        </a>
        <a href="">
            <div><img src="./images/nav08.png" alt=""></div>
            <p>领劵</p>
        </a>
        <a href="">
            <div><img src="./images/nav09.png" alt=""></div>
            <p>赚钱</p>
        </a>
        <a href="">
            <div><img src="./images/nav10.png" alt=""></div>
            <p>全部</p>
        </a>
    </div>

    <!-- nav -->
    <nav>
        <span>京东快报</span>
        <span>热门</span>
        <span>全新折叠屏，价格太高</span>
        <span>|更多</span>
    </nav>
    <!-- pic -->
    <div class="pic">
        <a href=""><img src="./images/adv01.jpg" alt=""> <span></span> </a>
        <a href=""><img src="./images/adv02.jpg" alt=""> <span></span> </a>
        <a href=""><img src="./images/adv03.jpg" alt=""> <span></span> </a>
    </div>
    <!-- footer -->
    <footer>
        <a href="">
            <img src="./images/icon_index.png" alt="">

        </a>
        <a href="">
            <img src="./images/icon_category.png" alt="">

        </a>
        <a href="">
            <img src="./images/icon_center.png" alt="">

        </a>
        <a href="">
            <img src="./images/icon_shopping.png" alt="">

        </a>
        <a href="">
            <img src="./images/icon_mime.png" alt="">

        </a>
    </footer>
</body>

</html>